PushNotes

My Headline Goes Here

import { Button } from "@/components/ui/button"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"; import { useState, useEffect } from "react"; import { Mail, Smartphone, FileText, Check, Palette, QrCode, Send, UtensilsCrossed, ShoppingBag, Coffee, Ticket, Scissors, Wrench, PawPrint, Home, Menu, X } from "lucide-react"; import pushNotesVipLogo from '@/assets/pushnotes-vip-logo-new.png'; import townSquareLogo from '@/assets/townsquare-logo.jpg'; const navigationItems = [{ name: "Home", href: "#hero" }, { name: "How It Works", href: "#how-it-works" }, { name: "Features", href: "#features" }, { name: "Use Cases", href: "#use-cases" }, { name: "FAQ", href: "#faq" }, { name: "Playbooks", href: "/playbooks", highlight: true }]; const slideshowImages = ["/lovable-uploads/d5923969-2292-4141-9a4f-9e9b8ca33093.png", "/lovable-uploads/56a3424e-e709-4ae1-9cbc-a4c8081d0af5.png", "/lovable-uploads/bb7c97e8-15de-4aaa-a153-c4f4b04fb788.png", "/lovable-uploads/7b54d5b6-186c-4d51-b7a9-3a98cf1751c8.png"]; const slideshowAlts = ["Man outside coffee shop receiving VIP perks notification with half price drinks offer", "Woman at gym receiving massage studio notification about available appointments", "Young women on street receiving nightclub notification about live music with no cover charge", "Woman outside pizza shop receiving BOGO slices notification"]; const notifications = [{ icon: "🍝", business: "La Trattoria", message: "Flash Deal! 🍝 Get 20% off all pasta dishes tonight only. Show this to your server!", delay: 0 }, { icon: "☕", business: "The Daily Grind", message: "You're nearby! ☕ Pop in now for a $2 latte to brighten your afternoon.", delay: 3000 }, { icon: "🍂", business: "The Style Loft", message: "New fall collection just dropped! 🍂 Be the first to see our new sweaters and jackets.", delay: 6000 }, { icon: "✂️", business: "The Modern Barber", message: "A spot just opened up! We have a last-minute opening today at 3 PM. Tap to book.", delay: 9000 }]; const Index = () => { const [currentNotification, setCurrentNotification] = useState(0); const [currentSlideshow, setCurrentSlideshow] = useState(0); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); useEffect(() => { const interval = setInterval(() => { setCurrentNotification(prev => (prev + 1) % notifications.length); }, 3000); return () => clearInterval(interval); }, []); useEffect(() => { const slideshowInterval = setInterval(() => { setCurrentSlideshow(prev => (prev + 1) % slideshowImages.length); }, 4000); return () => clearInterval(slideshowInterval); }, []); const handleNavClick = (href: string) => { setMobileMenuOpen(false); const element = document.querySelector(href); if (element) { element.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }; return

{/* Navigation Header */} {/* Hero Section */}

{/* Left Column - Content */}

Put Your Business in Your Customer's{" "} Pocket

Instantly send special offers, event reminders, and flash sale alerts directly to your customers' phones. No app needed.

{/* Right Column - Animated iPhone */}

{/* iPhone Frame */}

{/* iPhone Screen */}

{/* Status Bar */}

9:41

{/* Lock Screen Elements */}

9:41

Monday, November 27

{/* Notification Area */}

{notifications.map((notification, index) =>

{/* App Icon */}

{notification.icon}

{/* Notification Content */}

{notification.business}

now

{notification.message}

)}

{/* Bottom Elements */}

{/* Home Indicator */}

{/* Glow Effect */}

{/* Problem Section */}

{/* Background Elements */}

{/* Subtle Pattern Overlay */}

{/* Section Headline */}

THE CHALLENGE

Are Your Marketing Messages Getting{" "} Lost in the Noise?

Every day, your customers are bombarded with marketing messages. Here's why traditional methods are failing you.

{/* VSL Placeholder */}

{/* Play Button */}

{/* Background Pattern */}

{/* Video Title Overlay */}

[Your VSL Title Here - e.g., "See How Local Businesses Are Getting 98% Open Rates"]

{/* Video Description */}

[Replace this with your Video Sales Letter embed code]

{/* Subtle glow effect */}

{/* Three Column Layout with Cards */}

{/* Column 1 - Email */}

{/* Icon Container */}

Lost in Email

Your promotional emails are competing with hundreds of others. Open rates are low, and important messages often go unread.

{/* Column 2 - Social Media */}

{/* Icon Container */}

Missed on Social Media

With ever-changing algorithms, only a small fraction of your followers actually see your posts. Your reach is limited and unpredictable.

{/* Column 3 - Print */}

{/* Icon Container */}

Wasted on Print

Flyers, mailers, and print ads are expensive, difficult to track, and too often end up in the trash without a second glance.

{/* Concluding Text */}

It's time for a{" "} direct line {" "}to your most loyal customers.

{/* Solution Section */}

{/* Left Column - Visual */}

{/* Slideshow Container */}

{slideshowImages.map((image, index) => {slideshowAlts[index]}

{ console.error(`Failed to load slideshow image ${index}:`, image); e.currentTarget.style.display = 'none'; }} />)}

{/* Subtle glow effect */}

{/* Right Column - Content */}

{/* Section Tag */}

THE SOLUTION

{/* Headline */}

A Direct Line to Your{" "} Best Customers

{/* Body Text */}

Imagine a digital VIP card for your business that lives right in your customers' native Apple or Google Wallet. With a simple tap from a QR code in your store or a link online, they can add your pass and give you a permanent, valued space on their phone.

{/* Key Benefit Highlight */}

This is not an app.

There is nothing for your customers to download, which means near-zero friction to join your VIP list.

{/* Subtle glow */}

{/* How It Works Section */}

{/* Background Elements */}

{/* Section Header */}

HOW IT WORKS

Launch Your VIP Program in
3 Simple Steps

Get your digital VIP program up and running in minutes, not weeks. Here's how effortless it is.

{/* Stacked Steps */}

{/* Step 1 */}

{/* Step Number and Icon */}

{/* Content */}

We Design Your Pass

We create a beautifully branded digital pass that reflects your business, complete with your logo, colors, and key information.

{/* Step Image */}

Common Grounds VIP Pass displayed on mobile phone showing branded coffee shop digital wallet pass design

{/* Connecting Line */}

{/* Step 2 */}

{/* Step Number and Icon */}

{/* Content */}

Customers Scan & Save

Customers scan a simple QR code in your store or click a link on your website to add the pass to their Apple or Google Wallet in seconds.

{/* Step Image */}

Common Grounds VIP Pass mobile wallet interface showing QR code and Add to Apple Wallet/Google Wallet buttons

{/* Connecting Line */}

{/* Step 3 */}

{/* Step Number and Icon */}

{/* Content */}

You Send Instant Alerts

We help you send time-sensitive offers, event reminders, and special announcements directly to their phone's lock screen.

{/* Step Image */}

Man outside Common Grounds coffee shop receiving VIP notification on phone showing half price drinks until 5pm

{/* Key Features & Benefits Section */}

{/* Section Header */}

KEY FEATURES & BENEFITS

Three Game-Changing Benefits That Will{" "} Transform Your Business

Discover how our digital VIP pass system delivers unprecedented customer engagement and drives immediate results.

{/* Feature Block 1: Instant Push Notifications */}

{/* Left Column - Visual */}

{/* iPhone Mockup */}

{/* iPhone Frame */}

{/* iPhone Screen */}

{/* Lock Screen Background Gradient */}

{/* Status Bar */}

9:41

{/* Lock Screen Time */}

9:41

Monday, November 27

{/* Notification */}

{/* App Icon */}

🍩

{/* Notification Content */}

Dippy Donuts

now

It's two for Tuesday. Buy one donut get one FREE!

{/* Bottom Swipe Indicator */}

{/* Glow Effect */}

{/* Right Column - Content */}

FEATURE #1

Send Messages They{" "} Can't Miss

Cut through the clutter of email and social media. Send push notifications that appear right on your customers' lock screens, boasting near-perfect open rates. Announce a flash sale or daily special and watch customers respond immediately.

98% Open Rate

Instant Delivery

{/* Feature Block 2: Location-Based Alerts */}

{/* Left Column - Content */}

THE GAME-CHANGER

Turn "Nearby" into{" "} "Right Now"

Automatically send a custom offer to a customer's phone the moment they are near your business. Remind a previous customer you're just around the corner, or capture foot traffic you would have otherwise missed. It's like having a digital billboard that only activates when it matters most.

Location-Triggered

Perfect Timing

{/* Right Column - Visual */}

{/* Geofencing Demonstration */}

{/* Map Background Grid */}

{/* Business Location Pin */}

{/* Geofence Circle */}

{/* Business Pin */}

{/* Business Label */}

The Daily Grind

{/* Customer Phone Icon (animated) */}

{/* Alert Notification */}

☕

The Daily Grind now

You're nearby! ☕ Pop in for a $2 latte.

{/* Signal Lines */}

{/* Distance Indicator */}

● Within 100m

{/* Feature Block 3: Always-On Brand Presence */}

BUILD LOYALTY

Become a Fixture in Their{" "} Digital Wallet

Your brand lives next to their most important cards. You're not just another bookmark in a browser; you're a permanent part of their most personal device, reinforcing loyalty and keeping you top-of-mind.

Always Accessible

Brand Recognition

Customer Loyalty

{/* Use Cases Section */}

{/* Main Headline */}

Perfect for Your{" "} Type of Business

{/* Grid 1: Drive Foot Traffic & Impulse Buys */}

Drive Foot Traffic & Impulse Buys

{/* Card 1: Restaurants & Cafes */}

For Restaurants & Cafes

A customer with your pass enters the shopping plaza. A message instantly appears on their lock screen: "Welcome! Show this for a free appetizer with your entrée today." You just won their lunch business.

{/* Card 2: Retail & Boutiques */}

For Retail & Boutiques

A loyal customer is shopping downtown. As they walk by your block, their phone displays a reminder: "Don't forget! Your 15% off loyalty coupon is waiting for you at The Style Loft."

{/* Card 3: Coffee Shops */}

For Coffee Shops

A customer is walking a block away from your cafe. Their phone buzzes with a lock screen alert: "Coffee break? ☕ Your usual order is waiting. Show this for double stamps."

{/* Card 4: Theaters & Venues */}

For Theaters & Venues

A family with your pass is looking for something to do nearby. A message appears as they approach your location: "Family Fun Alert! 🎳 Get a free lane for 30 minutes. Today only."

{/* Grid 2: Enhance Service & Build Loyalty */}

Enhance Service & Build Loyalty

{/* Card 5: Salons & Spas */}

For Salons & Spas

Your client enters your building's parking lot for their appointment. A helpful message appears on their phone: "Welcome! We're on the 2nd floor. Can't wait to see you!"

{/* Card 6: Auto Shops */}

For Auto Shops

A past customer is driving by your location. A timely alert appears on their lock screen: "Is your check engine light on? Stop in for a free diagnostic scan right now!"

{/* Card 7: Pet Groomers */}

For Pet Groomers

Your client arrives at your shopping center for their dog's appointment. A message pops up: "Welcome back! Don't forget to grab a bag of our new organic treats - 10% off for VIPs!"

{/* Card 8: Real Estate Agents */}

For Real Estate Agents

Set a location alert around your new listing. When a lead with your pass drives into the neighborhood, your Open House details will appear on their lock screen, ensuring you're top-of-mind.

{/* Call to Action Section */}

{/* Background Elements */}

{/* Subtle Pattern Overlay */}

Ready to Build a Direct, Unbreakable{" "} Connection with Your Customers?

Stop competing for attention and start communicating directly. A Digital VIP Pass program is the most effective way to boost loyalty, drive sales, and keep your business top-of-mind.

{/* FAQ Section */}

{/* Section Header */}

Frequently Asked Questions

{/* FAQ Accordion */} Do my customers need to download a special app? Absolutely not! That's the beauty of it. The pass works with the native Apple Wallet and Google Wallet that are already installed on virtually every smartphone. There is zero friction for your customers. Is this complicated for me to manage? Not at all. We handle the entire technical setup for you. We'll work with you to craft your offers and show you how simple it is to send or schedule a new message to your VIP list. How do my customers get the pass? We provide you with a unique QR code and a web link. You can display the QR code at your register, on tables, or on flyers. You can also add the link to your website, social media profiles, and email signatures.

{/* Footer */}

; }; export default Index;

AI Business Card

PushNotes

My Headline Goes Here